<template>
	<view class="w-200 h-200 fl-co-cen ju-cen" @click="on_click">
		<image class="w-60% h-60%" :src="props.src" mode="widthFix" />
		<text class="text-teal">{{ props.name }}</text>
	</view>
</template>

<script setup>
	const props = defineProps({
		src: {
			type: String,
			default: ""
		},
		name: {
			type: String,
			default: ""
		}
	});
	const emit = defineEmits(['handle_click']);
	const on_click = () => {
		emit('handle_click', `点击了${props.name}`);
	}
</script>
<style lang="scss" scoped></style>